*{margin: 0;padding: 0;font-family: "宋体","楷体","微软黑体";transition: all 0.3s;}
ul{list-style: none;}
a{text-decoration: none;}

.top{width: 100%;height: 80px;background-color: rgba(0, 0, 255, 0.3);border-radius: 8px; border: 1px solid;}
.logo{float: left;width: 60px;height: 60px;margin:10px 0 0 50px;}
.logo img{width: 100%;height: 100%;}
.tip{float: left;margin-left: 35%;line-height: 80px;}
.out{float: right;margin-right: 50px; line-height: 80px;}

.item1{display: block;width: 100%;background-color: rgba(0, 169, 255, 0.3);}
.item1 table{width: 100%;height: 650px;text-align: center;display: -webkit-box;overflow-y: scroll;overflow-x: hidden;}
.item1 th{width: 800px;}
.item1 input[type="text"]{width: 300px;height: 30px;border-radius: 5px;}
.item1 input[type="button"]{width: 50px;height: 30px;}

.item2{display: none;width: 100%;height: 100%;background-color: rgba(0, 169, 255, 0.3);border: 1px solid;}
.item2 table{width: 100%;height: 100%;}
.item2 th{width: 20%;height: 30px;}
.item2 td{width: 80%;}
.item2 td input[type="text"]{margin-left: 10px; width: 200px;height: 20px;}
.item2 td select{margin-left: 10px;width: 120px;height: 20px;}
.item2 td textarea{width: 100%;height: 100%;}
.item2 td input[type="reset"]{margin: 0 20px; width: 80px;height: 20px;}
.item2 td input[type="reset"]:hover {background-color: #333;color: #f1f1f1;}
.item2 td input[type="submit"]{width: 80px;height: 20px;}
.item2 td input[type="submit"]:hover {background-color: #333;color: #f1f1f1;}